<template>
<div  class="header">
  <el-space
      fill
      wrap
      :fill-ratio="fillRatio"
      :direction="direction"
      style="width: 100%"
  >
    <el-card v-for="i in 5" :key="i" class="box-card">
      <template >
        <div class="card-header">
          <span>留言版</span>
<!--          <el-button class="button" text>Operation button</el-button>-->
        </div>
      </template>
      <div v-for="o in 2" :key="o" class="text item">
        {{ 'List item ' + o }}

      </div>
    </el-card>
  </el-space>
</div>

</template>

<script>
export default {
  name: "Message.vue"
}
</script>

<style scoped>
.header{
  font-size: 16px;
  padding: 20px;
  background-color:#66b1ff;
}
</style>
